<template>
  <div class="Supermarket">
    <div class="menu">
      <Menu></Menu>
    </div>
    <div class="conten"><router-view></router-view></div>
  </div>
</template>
<script>
import Menu from '../Settings/components/Menu'
export default {
  components: {
    Menu,
  },
}
</script>


<style lang="scss" scoped>
.Supermarket {
  display: flex;
  height: calc(100vh - 100px);

  .menu {
    width: 152px;
    height: 100%;
    overflow: auto;
  }

  .conten {
    width: calc(100vw - 152px);
    // padding-top: 20px;
    height: 100vh;
    // 100px
  }
}

::v-deep .el-menu-item .is-active {
  border-left: 6px solid !important;
  border-left-color: #0486fe !important;
  background-color: #f6f8ff;
}
</style>
